// 引入react核心包\
import React from 'react'
// 设计DOM来渲染的一个包
import ReactDom from 'react-dom'

const arr = [ { id: 1, name: 'vue' }, { id: 2, name: 'react' }, { id: 3, name: 'a' } ]

// 唯一的key用来做内部性能优化
const temp = arr.map((item) => <li key={item.id}> {item.name  }</li>)

const ele = <ul>{temp}</ul>

// 渲染谁，渲染到哪里
ReactDom.render(ele, document.querySelector('#root'))
